<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>加入会议</title>
    <link rel="stylesheet" href="../css/normal-meeting.css">
    <link rel="stylesheet" href="assets/iconfont.css">
    <script src="../JavaScript/normal-meeting.js"></script>
    <script src="jQuery/jquery-3.7.1.min.js"></script>
</head>
<body>
<div class="container">
    <main class="main">
        <!--顶部信息部分-->
        <div class="normal-top">
            <div class="cancel" onclick="location.href='book-meeting.html'">
                <i class="i material-symbols:arrow-back-ios-rounded"></i>
            </div>
            <div class="title">预定会议</div>
            <div class="complete">完成</div>
        </div>
        <!--预订人信息部分-->
        <div>
            <div class="blank"> </div>
            <div class="booker">
                <span>陈亦凉预定的会议</span>
            </div>
        </div>
        <!--会议基本信息部分-->
        <div class="normal-choose1">
            <div class="blank"> </div>
            <div class="normal-choose1-item">
                <span>开始时间</span>
                <div class="normal-choose1-item-right">
                    <span class="information">07月09日 13:30 </span>
                    <i class="i ic:baseline-chevron-right"></i>
                </div>
            </div>
            <div class="normal-choose1-item">
                <span>会议时长</span>
                <div class="normal-choose1-item-right">
                    <span class="information">30分钟</span>
                    <i class="i ic:baseline-chevron-right"></i>
                </div>
            </div>
            <!--提示部分-->
            <div class="normal-choose1-tip">
                <div class="normal-choose1-tip-top">
                    <span class="normal-span">最多支持100人参会，会议人数超过2人时，启动60分钟限时。</span>
                    <span class="highlight">升级能力</span>
                </div>
                <div class="normal-choose1-tip-down">
                    <div class="normal-choose1-tip-down-left">
                        <span>本月剩余加时卡0张</span>
                        <img src="assets/img/tip.jpg">
                    </div>
                    <div class="normal-choose1-tip-down-left">
                        <span>自动使用</span>
                        <button class="circle-button"></button>
                    </div>
                </div>
            </div>
            <div class="normal-choose1-item">
                <span>时区</span>
                <div class="normal-choose1-item-right">
                    <span class="information">(GMT+08:00)中国标准时间-北京</span>
                    <i class="i ic:baseline-chevron-right"></i>
                </div>
            </div>
            <div class="normal-choose1-item">
                <span>重复频率</span>
                <div class="normal-choose1-item-right">
                    <span class="information">不重复</span>
                    <i class="i ic:baseline-chevron-right"></i>
                </div>
            </div>
        </div>
        <!--显式选择部分-->
        <div class="normal-choose2">
            <div class="blank"> </div>
            <div class="normal-choose2-item">
                <span>日历</span>
                <img src="assets/img/onButton.jpg">
            </div>
            <div class="normal-choose2-item">
                <span>等候室</span>
                <img src="assets/img/downButton.jpg">
            </div>
            <div class="normal-choose2-item">
                <span>入会密码</span>
                <img src="assets/img/downButton.jpg">
            </div>
        </div>
        <!--更多按钮部分-->
        <div class="normal-more" id="showButton">
            <span>更多</span>
            <i class="i material-symbols:keyboard-arrow-down"></i>
        </div>
        <!--隐式选择部分-->
        <div class="normal-choose3" id="detailedBox">
            <div class="normal-choose3-item">
                <div class="normal-choose3-item-left">
                    <span>开启会议报名</span>
                    <div class="special">
                        <img src="assets/img/tip.jpg">
                    </div>
                </div>
                <img src="assets/img/downButton.jpg">
            </div>
            <div class="normal-choose3-item">
                <span>允许成员在主持人前入会</span>
                <img src="assets/img/onButton.jpg">
            </div>
            <div class="normal-choose3-item">
                <span>成员入会时静音</span>
                <div class="normal-choose3-item-right">
                    <span class="information">超过6人后自动开启</span>
                    <i class="i ic:baseline-chevron-right"></i>
                </div>
            </div>
            <div class="normal-choose3-item">
                <span>会议水印</span>
                <div class="normal-choose3-item-right">
                    <span class="information">关闭</span>
                    <i class="i ic:baseline-chevron-right"></i>
                </div>
            </div>
            <div class="normal-choose3-item">
                <span>允许成员多端入会</span>
                <img src="assets/img/onButton.jpg">
            </div>
            <div class="normal-choose3-item">
                <span>自动云录制</span>
                <div class="normal-choose3-item-right">
                    <span class="information">关闭</span>
                    <i class="i ic:baseline-chevron-right"></i>
                </div>
            </div>
            <div class="normal-choose3-item">
                <span>文档</span>
                <div class="normal-choose3-item-right">
                    <span class="information">添加</span>
                    <i class="i ic:baseline-chevron-right"></i>
                </div>
            </div>
            <div class="normal-choose3-item">
                <span>允许成员上传文档</span>
                <img src="assets/img/onButton.jpg">
            </div>
            <div class="normal-choose3-item">
                <span>投票</span>
                <div class="normal-choose3-item-right">
                    <span class="information">添加</span>
                    <i class="i ic:baseline-chevron-right"></i>
                </div>
            </div>
            <div class="blank"> </div>
            <div class="normal-choose3-item">
                <div class="normal-choose3-item-left">
                    <span>统一虚拟背景</span>
                    <div class="special">
                        <img src="assets/img/tip.jpg">
                    </div>
                </div>
                <div class="normal-choose3-item-right">
                    <span class="information">未设置</span>
                    <i class="i ic:baseline-chevron-right"></i>
                </div>
            </div>
            <div class="blank"> </div>
        </div>
    </main>
</div>
</body>
</html>